.list {
  display: grid;
  gap: 20px;

  @media screen and (min-width: 550px) and (max-width: 1199.5px) {
    grid-template-columns: repeat(2, 1fr);
  }

  @media screen and (min-width: 1200px) {
    grid-template-columns: repeat(3, 1fr);
  }
}

.li {
  width: auto;
}

.link {
  display: block;
  transition: transform 0.2s ease-in-out;

  &:focus {
    transform: scale(1.02);
  }

}
